﻿@model IEnumerable<Enter.Mvc.Mall.Model.Product.ProductImage>
<div id="preview" class="preview">
    @if (Model != null && Model.Count<Enter.Mvc.Mall.Model.Product.ProductImage>() > 0)
    {
        int index = 0;
        <div id="spec-n1" class="jqzoom">
            @foreach (Enter.Mvc.Mall.Model.Product.ProductImage m in Model)
            {
                if (index == 0)
                {
                <img width="460" height="460" id="" jqimg="@m.ImgUrl" src="@m.ImgUrl"
                alt=""/>
                                                                      break;
                }
            }</div>
        <div id="spec-n5">
            @*<div id="spec-left" class="control">
            </div>*@ @*<div id="spec-right" class="control">
            </div>*@
            <div id="spec-list">
                <div style="position: relative; overflow: hidden; z-index: 1; width: 400px; height: 66px;">
                    <ul class="list-h">
                        @foreach (Enter.Mvc.Mall.Model.Product.ProductImage m in Model)
                        { 
                            <li>
                                <img bigimg="@m.ImgUrl" height="60px" src="@m.SmallImgUrl"
                                width="60px">
                            </li>
                        }
                    </ul>
                </div>
            </div>
        </div>
    
    }
</div>
